/*通用类*/
*{
	margin:0;
	padding:0;	
-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

body{		
	margin:0 auto;
	font-size:18px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;	
	color:#414141;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#414141;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#b39659;	
	text-decoration:none;
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
div.clear,.clearfix{
	font: 0px Arial;
	line-height: 0;
	height: 0;
	/* [disabled]overflow:hidden; */
	clear: both;
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:79%;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

.header_t{
	height: 45px;
	line-height: 45px;
	background:#4dbacb;
	color:#fff;
	font-size:16px;
}
.ht_left{
	float: left;
}
.ht_right{
	float: right;
	color:#fff;
}
.ht_right a{
	color:#fff;
	margin:0 9px;
}
.ht_right .ena{
	padding-right:15px;
	display: inline-block;
	background:url("../images/ena.png") no-repeat right center;
}
.ht_lg{
	float: left;
	padding-left:40px;
	background:url("../images/ht_lg.png") no-repeat left center;
}

.header{
	height: 112px;
	position: relative;
	z-index: 100;
	background:#fff
}
.header .logo{
	float: left;
	display: block;
	height: 112px;
}
.header .logo img{
	display: block;
	height: 112px;
}
.nav{
	float: right;
	height: 40px;
	line-height: 40px;
	font-size:20px;	
	margin-top:35px;
}
.nav_in{
	float: left;
	position: relative;
	z-index: 100;
	margin-left:40px;
}
.nav .par{
	color:#b39659;
	float: left;
	padding-bottom:5px;	
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.nav .par:hover,.nav .hover{
	border-bottom:5px solid #b39659;
	padding-bottom:0;
}
.nav ul{
	position: absolute;
	left: -10px;
	top: 44px;
	z-index: 100;
	background:#fff;
	width: 150px;
	display: none;
	padding:10px 0;
}
.nav .nav_in:hover ul{
	display: block;
}
.nav li{
	height: 34px;
	line-height: 34px;
	font-size:16px;
}
.nav li a{
	padding-left:10px;
	display: block;
	height: 34px;
}
.nav li a:hover{
	color:#fff;
	background:#b39659;
}

.nav_search{
	float: right;
	width: 130px;
	height: 30px;
	margin:41px 0 0 250px;
}
.nav_search .text{
	float: left;
	width: 100px;
	height: 29px;
	line-height: 29px;
	border:0;
	border-bottom:1px solid #b39659;
	color:#b39659;
}
.nav_search .sub{
	width: 24px;
	height: 30px;
	float: right;
	background:url("../images/nav_sub.png") no-repeat center center;
}

.footer{
	
	background:#4b4b4b;
	color:#fff;
	color:#d4d4d4;
	text-align: center;
}
.footer .wrapin{
	position: relative;
	
	line-height: 100px;
}
.footer .cnta{
	padding-left:40px;
	background:url("../images/ft_cnt.png") no-repeat left center;
	color:#fff;
	position: absolute;
	left: 0;
	top: 50%;
	height: 40px;
	line-height: 40px;
	margin-top:-20px;
}
.ft_code{
	display: block;
	width: 72px;
	height: 72px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top:-36px;
}

/*公用CSS 结束*/

/*hm 首页*/

.hm_banner{
	width: 100%;
	position: relative;
	height: 788px;
	overflow: hidden;
	cursor: pointer;
}
.hm_banner .pics li{
	width: 100%;
	height: 788px;
	position: relative;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:top center;
}
.hm_banner .btns{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 108px;
	z-index: 60;
	text-align: center;
}
.hm_banner .btns span{
	display: inline-block;
	width: 30px;
	height: 3px;
	margin:0 3px;
	background:#fff;
}
.hm_banner .btns .hover{
	background:#da3b01;
}
.hm_banner .ba_txt{
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left:-500px;
}
/*动态效果*/
.wheel{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left:-12px;
	z-index: 70;
	animation: ani-svg 0.85s linear 0s alternate infinite;
    -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}

@keyframes ani-svg {
	0% {
		opacity: 0.4;
		transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		transform: translateY(20px);
	}
}

@-webkit-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-webkit-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-webkit-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-webkit-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-webkit-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-webkit-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-moz-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-moz-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-moz-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-moz-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-moz-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-moz-transform: translateY(20px);
	}
}


.hm_zc{
	padding:100px 0;
	background:#eceae2;
}
.hm_zc .handle{
	height: 50px;
	line-height: 50px;
	border-bottom:2px solid #b39659;
	text-align: center;
	font-size:28px;
	color:#919090;
	font-weight: bold;
	background:url("../images/zc.png") no-repeat bottom center;
}
.hm_zc .btn{
	padding:0 10px;
	cursor: pointer;
}
.hm_zc .hover{
	color:#b39659;
}

.hm_hd .handle{
	height: 50px;
	line-height: 50px;
	border-bottom:2px solid #b39659; z-index:555;
	
	font-size:28px; width:62%; margin-bottom:20px; float:right; padding-bottom:5px;
	color:#919090;
	font-weight: bold;
	
}.hm_hd .handle span{ position:relative; z-index:555;}
.hm_hd .handle span.hover:after{ content:''; display:inline-block;width:0;

height:0;

border-left:5px solid transparent;

border-right:5px solid transparent;

border-bottom:6px solid #b39659; position:absolute; left:50%; bottom:-12px }


.hm_hd .btn{
	padding:0 10px;
	cursor: pointer;
}
.hm_hd .hover{
	color:#b39659;
}.hm_hd{ min-height:300px}
.hm_hd .wrapin{ position:relative}
#hd2,#hd3,#hd1{ position:absolute ; width:100%; top:0px}
.hm_hd .con{ clear:both;opacity:0;
filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */}.hm_hd .show{ display:block;opacity:1; 
filter:alpha(opacity=1); }
.hm_zc .con{
	display: none;
	padding:45px 88px 0 88px;
}
.hm_zc .show{
	display: block;
}
.hm_zc .cleft{
	float: left;
	width: 66%;
	padding-top:110px;
	font-size:18px;
	line-height: 30px;
	position: relative;
}
.hm_zc .cleft p{
	padding-bottom:20px;
}
.hm_zc .more{
	color:#da3b01;
	font-size:16px;
}
.hm_zc .photo{
	float: right;
	display: block;
	width: 29.5%;
	height: auto;
}
.hm_zc .photo img{
	display: block;
	width: 100%;
	height:  100%;
}
.hm_zc .jy{
	display: inline-block;
	width: 180px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background:#803032;
	font-size:28px;
	color:#fff;
	position: absolute;
	right: -80px;
	top: 50px;
}

.hm_ys{
	padding:50px 0 100px 0;
}
.hm_ys .title{
	text-align: center;
	height: 120px;
	line-height: 120px;
	font-size:28px;
	font-weight: bold;
	color:#b39659;
}
.hm_ys .flog{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background:rgba(0,0,0,0.5);
	color:#fff;
	display: none;
}
.hm_ys a:hover .flog{
	display: block;
}
.hm_ys .flog span{
	color:#fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.hm_ys .photo1{
	float: left;
	display: block;
	width: 25.5%;
	height: auto;
	margin-right:1.7%;
	position: relative;
	overflow: hidden;
}
.hm_ys .photo1 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.hm_ys .photo2{
	float: left;
	display: block;
	width: 34.2%;
	height: auto;
	margin-right:1.7%;
	position: relative;
	overflow: hidden;
}
.hm_ys .photo2 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hm_ys .cright{
	width: 36.6%;
	float: right;
}
.hm_ys .photo3{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom:7%;
	position: relative;
	overflow: hidden;
}
.hm_ys .photo3 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.hm_hd{
	padding:140px 0;
	background:#eceae2;
}
.hd_banner{
	float: left;
	display: block; top:-70px;
	width: 36%;
	height: 296px;
	position: relative;
	overflow: hidden;
}
.hd_banner ul li{
	display: block;
	width: auto;
	height: 296px;
	float: left;
	overflow: hidden;
}
.hd_banner ul img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hd_banner .btns{
	height: 16px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 60;
}
.hd_banner .btns a{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius:100%;
	background:#fff;
	margin:0 3px;
	overflow: hidden;
	text-indent:-50px;
}
.hd_banner .btns .selected{
	background:#da3b01;
}
.nimg{ float:left ; width:36%;}.nimg img{ width:100%}
.hd_xy{
	float: right;
	width: 62%;background:#eceae2; position:relative; top:60px;
	display: none;
}
.show{
	display: block;
}
.hd_xy .head{
	height: 50px;
	line-height: 50px;
	border-bottom:2px solid #b39659;
	clear: both;
	margin-bottom:30px;
}
.hd_xy .head .tit{
	float: left;
	font-size:28px;
	font-weight: bold;
	color:#b39659;
	background:url("../images/zc.png") no-repeat bottom center;
}
.hd_xy .head .more{
	float: right;
	color:#b39659;
}
.hd_xy dt{
	height: 60px;
	line-height: 60px;
	border-bottom:1px solid #dcdad3;
	font-size:24px;
	margin-bottom:10px;
}
.hd_xy .name{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hd_xy dd{
	line-height: 30px;
	height: 60px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	font-size:18px;
	color:#81807b;
}
.hd_xy .date{
	height: 48px;
	/*line-height: 48px;*/
	border-bottom:1px solid #dcdad3;
	margin-top:5px;
	font-size:16px;
}
.hd_xy .more{
	color:#da3b01;
	float:right;
}
.hm_hy{
	padding:124px 0;
	background:#f7f7f7;
}
.hm_hy .wp{
	width: 79%;
	margin:0 auto;
}

.hm_hy .dw dt{
	width: 222px;
	height: 222px;
	line-height: 222px;
	background:url("../images/dw.png") no-repeat center center;
	background-size:100%;
	font-size:100px;
	font-weight: bold;
}
.hm_hy .dw dd{
	height: 100px;
	font-size:36px;
	line-height: 100px;
}
.hm_hy .fm{
	float: right;
	width: 420px;
	padding-top:60px;
}
.hm_hy .in{
	height: 40px;
	line-height: 40px;
	margin-top:12px;
}
.hm_hy .tit{
	float: left;
	font-size:18px;
}
.hm_hy .text{
	float: right;
	width: 330px;
	height: 38px;
	line-height: 38px;
	border:1px solid #99acc7;
	border-radius:3px;
	padding-left:15px;
	background:url("../images/text.png") repeat-x left top;
}
.hm_hy .rem{
	text-align:right;
	height: 50px;
	line-height: 50px;
	color:#525252;
}
.hm_hy .sub{
	width: 350px;
	height: 50px;
	line-height: 50px;
	float: right;
	text-align: center;
	border-radius:5px;
	font-size:22px;
	color:#fff;
	background:#803032;
}

.fri_links{
	    width: 79%;
	margin:0 auto;
	padding:50px 0;
}
.fri_links .tit{
	float: left;
	line-height: 40px;
	border-radius:5px;
	padding:0 20px;
	color:#fff;
	margin:5px 0 5px 0;
	background:#803032;
}
.fri_links a{
	float: left;
	line-height: 40px;
	border-radius:5px;
	padding:0 20px;
	color:#fff;
	background:#4dbacb;
	margin:5px 0 5px 10px;
}
.fri_links a:hover{ background:#4dbcac}.hm_hy .sub:hover{ background:#993300}
/*hm 首页*/

/*public 发布*/

.pub_banner{
	width: 100%;
}
.pub_banner img {width:100%}
.pub_pos{
	background:#f7f9fb;
	height: 140px;
}
.pub_pos .cleft{
	float: left;
	padding-top:40px;
	position: relative;
}
.pub_pos .t1{
	height: 44px;
	line-height: 44px;
	font-size:44px;
	font-weight: bold;
	color:#979797;
	opacity: 0.3;
}
.pub_pos .t2{
	position: absolute;
	height: 35px;
	line-height: 35px;
	font-size:30px;
	font-weight:bold;
	color:#803032;
	top: 60px;
}
.pub_pos .cright{
	float: right;
	line-height: 140px;
	color:#a0a0a0;
	font-size:16px;
}
.pub_pos .cright a{
	color:#a0a0a0;
}
.pub_pos .cright span{
	color:#803032;
}

.pub_nav{
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	height: 50px;
}
.pub_nav .wrapin{
	position: relative;
	overflow: hidden;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
}
.pub_nav .wrapin{display:-webkit-box;display:-moz-box;display:box;margin:auto;}
.pub_nav .wrapin{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}
.pub_nav a{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center; display:block;float:left\0; padding-left:30px\0; padding-right:30px\0;}
.pub_nav a{
	height: 50px;
	line-height: 50px;
	font-size:18px;
	text-align: center;
	border-left:1px solid #c2c2c2;	
	margin-left:-1px;
	
}
.pub_nav a:hover,.pub_nav a.hover{
	color:#fff;
	background:#b39659;
}

.pub_left{
	width: 63%;
	float: left;
	padding:30px 0;
}
.pub_item{

	
}
#sortable{ clear:both}
#sortable>Div{ position:absolute; width:40%; margin-right:9%; padding-bottom:40px}
.pub_item .name{
	padding:15px;
	background:#b39659;
	line-height: 40px;	
	font-size:18px;
}
.intro dd{
	font-size:14px;
}
.pub_item .nm{
	color:#fff;
	height:80px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.pub_item .intro{
	padding-left:58px;
	position: relative;
	color:#8a8a8a;
}
.pub_item .line{
	height: 95px;
	border-right:1px solid #b39659;
	position: absolute;
	top: 0;
	left: 40px;
}
.pub_item dl{
	padding-top:7px;
}
.pub_item dt{
	height: 42px;
	line-height: 42px;
	font-size:14px;
}
.pub_item dd{
	line-height: 26px;
}
.pub_item .more{
	line-height: 44px;
	color:#b39659;
}
.pub_item .photo{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-top:8px;
}
.pub_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.page{
	text-align: center;
}
.page li{
	display: inline-block;
	list-style-type:none;
	margin-bottom:10px;
}
.page a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border-radius:3px;
	background:#ccc;
	margin:0 3px;
	font-size:14px;
	padding:0 12px;
}
.nimg img{
	max-width:540px;
	max-height:310px;
}
.page a:hover,.page a.hover{
	color:#fff;
	background:#803032;
}

.pub_right{
	width: 27.5%;
	float: right;
	padding-left:36px;
	margin-top:35px;
	height: 1400px;
	border-left:1px solid #dedede;
}
.pub_right .head{
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #d6d6db;
}
.pub_right .head .tit{
	border-bottom:2px solid #b39659;
	display: inline-block;
	color:#b39659;
}
.pub_right ul{
	padding:5px 0;
}
.pub_right li{
	height: 50px;
	line-height: 50px;
	border-bottom:1px dashed #ccc;
	font-size:18px;
}
.pub_right li a{
	color:#8a8a8a;
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pub_right li a:hover{
	color:#b39659;
}
.pub_right .ad{
	display: block;
	margin:50px auto;
	width: 292px;
}
.pub_right .ad img{
	display: block;
	width: 100%;
	height:auto;
}

/*public 发布*/

/*user 会员单位*/

.us_header{
	height: 57px;
	background:#4dbacb;
	position: relative;
	z-index: 100;
}
.us_header .wrapin{
	position: relative;
	height: 57px;
}
.us_header .logo{
	float: left;
	display: block;
	height: 57px;
}
.us_header .logo img{
	display: block;
	height: 57px;
}
.us_nav{
	text-align: center;
	font-size:18px;
	height: 57px;
	line-height: 57px;
	width: 600px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-360px;
}
.us_nav .par{
	color:#fff;
	width: 100px;
	text-align: center;
	display: inline-block;
}

.nav_in{
	float: left;
	position: relative;
	z-index: 100;
	margin-left:40px;
}
.us_nav .par{
	color:#fff;
	float: left;	
}
.us_nav ul{
	position: absolute;
	left: -10px;
	top: 44px;
	z-index: 100;
	background:#fff;
	width: 150px;
	display: none;
	padding:10px 0;
}
.us_nav .nav_in:hover ul{
	display: block;
}
.us_nav li{
	height: 34px;
	line-height: 34px;
	font-size:16px;
}
.us_nav li a{
	padding-left:10px;
	display: block;
	height: 34px;
	text-align:left;
}
.us_nav li a:hover{
	color:#fff;
	background:#4dbacb;
}

.us_search{
	position: absolute;
	right: 306px;
	top: 14px;
}
.us_search .text{
	width: 140px;
	float: left;
	height: 26px;
	line-height: 26px;
	border:0;
	background:none;
	border-bottom:1px solid #caeaf0;
	color:#fff;
}
.us_search .text::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#bfe3e9;
}
.us_search .text::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bfe3e9;
}
.us_search .text:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bfe3e9;
}
.us_search .text:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#bfe3e9;
}
.us_search .sub{
	float: right;
	width: 24px;
	height: 27px;
	background:url("../images/nav_sub2.png") no-repeat center center;
}
.us_header .ht_right{
	margin-top:15px;
}

.us_banner{
	width: 100%;
	height: 460px;
	position: relative;
	background:url("../images/us_banner.jpg") no-repeat top center;
}
.us_banner .log{
	text-align: center; position:absolute; top:50%; margin-top:-100px; width:100%; left:0
}
.us_banner .log img{
	border-radius: 50%;
}
.us_banner dd{
	font-size:26px;
	color:#fff;
	height: 76px;
	line-height: 76px;
	text-shadow:0 0 3px #eee;
}

.us_main{
	padding-bottom:80px;
}

.us_left{
	float: left;
	width: 31%;
	padding:0 30px;
	background:#fff;
	margin-top:20px;
}
.us_left .tp{
	border-bottom:1px dashed #dedede;
	padding:40px 0;
}
.us_left .tp img{
	display: block;
	width: 132px;
	height: 132px;
	margin:0 auto;
	border-radius: 50%;
}
.us_left ul{
	padding:20px 0 50px 0;
	font-size:16px;
	color:#333;
}
.us_left li{
	min-height: 30px;
	margin:2px 0;
	position: relative;
	padding-left:50px;
	font-size:18px;
	text-align:left;
}
.us_left li img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.us_right{
	width: 67.5%;
	float: right;
}
.us_inf{
	background:#fff;
	margin-top:20px;
	padding:25px 45px 55px 45px;
}
.us_inf .title{
	height: 58px;
	line-height: 58px;
	border-bottom:1px solid #c1c1c1;
	position: relative;
}
.us_inf .tit{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size:25px;
	color:#b39659;
	padding:0 10px;
	height: 59px;
	line-height: 58px;
	background:url("../images/ustit.png") no-repeat bottom center;
}
.us_inf p{
	line-height: 1.6;
	margin-top:20px;
}
#a1 .swiper-slide { position:relative}
.swiper_txt { position:absolute; width:80%; left:20px; z-index:99; top:10px}

.swiper-pagination-bullet {
	display: inline-block !important;
	width: 30px !important;
	height: 3px !important;
	margin:0 3px !important;
	background:#fff !important;
}
.swiper-pagination-bullet-active {
	background:#da3b01 !important;
}
#a1 {display:none}
/*user 会员单位*/

/*about_us*/
.about_wrapin {width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;}
.link_wrapin{
	width:81%;
}
.about_us  { margin-top:25px;margin-bottom:35px;}
.about_us li { width:14.2%; float:left; text-align:center; margin:72px 0;}
.about_us li .about_img img {width:132px;height:132px;border-radius: 50%}
.about_us li p {font-size:18px; color:#333; margin-top:25px;height:50px;}
.content-body{
	text-indent: 2em;
	line-height: 35px;
}
/*.pub_nav.a1 a{width: 14.2%;}*/
/*news_list*/
.News_wrapin {width:82%;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:100px;}
.Title_word { background:#f1f1f1; padding:30px 0; line-height:35px; width:100%; text-align:center; font-size:28px; color:#6c6c6c}
.Title_word span { color:#b39659;}
.Title_word i { width:10px; height:10px; border-radius:50%; background:#9c9c9c; display:inline-block; margin:0 30px; position:relative; top:-3px;}
.News_List {margin-top:70px; margin-bottom:60px;}
.News_List li {   width:50%;  float:left}
.News_List li .List { margin:0 32.5px; border-bottom:1px dashed #ccc; padding:15px 0; position:relative;  font-size:18px}
.News_List li i { background:url(../images/b1.png); width:6px; height:9px; display:block; position:absolute; top:22px;}
.News_List li p { color:#414141; display:inline-block; margin-left:15px; width:60%; height:25px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.News_List li span { color:#959595;  float:right;}




/**/
.timeline_a {background:#fff; z-index:-2; padding:30px; margin-top:20px;}
.c-timeline { width:88%; margin:0 auto}

/**/
.details_Title { text-align:center; margin:15px 0;}
.details_Title h3 {font-size:26px; color:#010101;padding-top:0}
.details_Title p,.details_Title .twos { color:#959595; font-size:16px;position: relative	;padding: 10px 0;border-bottom: 1px solid #ccc;}
.details_Title .sharebtn{
	position: absolute;
	right:0px;
}
.details_content {margin-top:45px; margin:0 auto; font-size:18px; text-indent: 2em; }
.details_content img { margin:15px auto;}
.details_page {margin-top:40px}
.details_page p { color:#414141; font-size:18px; line-height:35px}
.link_us li{
	margin:10px;
	width: calc(20% - 20px);
}
.link_us li a{
	width:auto;
}
.link_us li a img{
	width:auto;
	max-width:100%;
}

/**/
.News_List.a2 {float:left; width:70%}
.News_List.a2 li { width:50%}
.News_List.a2 li p { width:100%}
.coop_right {float: right; width:28%; border-left:1px solid #e9e9e9;    margin-top: 70px;
    margin-bottom: 60px;}
.coop_lj { margin-left:40px; color:#414141;}
.coop_lj h3 {font-size:20px;  margin:10px 0;color:#000}
.coop_lj p { background:#f4f4f4; font-size:18px; padding:15px 20px;  margin:15px 0; border-radius:5px}
/*手机导航*/

.header_a a {display:block}
.header_a{
	display:none;
	width: 100%;
	height:60px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#fff;
	background-size:100% 100%;
}
.header_a .logo{
	display: block;
	width: auto;
	height: 60px;
	margin:0 auto
}
.menu_btn{
	display: block;
	width: 60px;
	height: 33px;
	position: absolute;
	left: 10px;
	bottom: 0;
	
	
}
/*弹出层*/

.banner .swiper-container {
	height: 100%;
	width: 100%
}

.banner .swiper-slide>img {
	width: 100%;
	height: 100%;
	
}



.banner .swiper-slide .bannertxt {
	position: absolute;
	left: 0;
	width: 100%;
	top:30%;
	/* transform: translateY(-50%) */
}

.banner .swiper-slide .bannertxt img {
	width: 100%;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.banner .swiper-slide .bannertxt img:nth-child(2) {
	transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
	-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
	-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
}
.banner .swiper-slide-active .bannertxt>img {
	opacity: 1;
	transform: translateY(0)
}
.banner .swiper-slide .imgTimes {
	/* width: 100% !important; */
	height: 100%;
	position: relative;
	z-index: 5;
	left: 0;
	top: 0;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% 100% !important;
}

.banner .swiper-slide video {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	display: none;
	transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}

.banner .swiper-slide .imgTimes>article {
	position: absolute;
	left: 10%;
	bottom: 15%;
}

.banner .swiper-slide .imgTimes>article .banTops {
	font-size: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}

.banner .swiper-slide .imgTimes>article .banTops small {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	opacity: 0;
	transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-webkit-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
}

.banner .swiper-slide .imgTimes>article .banTops em {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);
}
.ccs_banner .swiper-slide-active .hd_xy{
	display:block;
	opacity:1;
}
.banner .swiper-slide .imgTimes>article .banTops em:nth-of-type(2) {
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);
}

.banner .swiper-slide .imgTimes>article .banTops small,
.banner .swiper-slide .imgTimes>article .banTops em,
.banner .swiper-slide .imgTimes>article .banText i,
.banner .swiper-slide .imgTimes>article .banText span {
	transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}

.banner .swiper-slide .imgTimes>article .banTops em:nth-of-type(1) {
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
}

.banner .swiper-slide .imgTimes>article .banTops em:nth-of-type(2) {
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
}

.banner .swiper-slide .imgTimes>article .banText {
	font-size: 0;
	margin-top: 20px;
}

.banner .swiper-slide .imgTimes>article .banText i {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 1px;
	background-color: #fff;
}

.banner .swiper-slide .imgTimes>article .banText span {
	display: inline-block;
	width: 0px;
	vertical-align: middle;
	margin-left: 8px;
	overflow: hidden;
}

.banner .swiper-slide .imgTimes>article .banText span font {
	display: inline-block;
	width: 600px;
	font-size: 22px;
	color: #fff;
}


.banner .swiper-slide-active video {
	width: 100% !important;
}

.banner .swiper-slide-active .imgTimes>article .banTops small,
.banner .swiper-slide-active .imgTimes>article .banTops em {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}

.banner .swiper-slide-active .imgTimes>article .banTops small,
.banner .swiper-slide-active .imgTimes>article .banTops em {
	opacity: 1 !important;
	transform: matrix(1, 0, 0, 1, 0, 0) !important;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
	-moz-transform: matrix(1, 0, 0, 1, 0, 0) !important;
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important;
}

.banner .swiper-slide-active .imgTimes>article .banText i {
	width: 35px;
	transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-webkit-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-moz-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
}

.banner .swiper-slide-active .imgTimes>article .banText span {
	width: 600px;
	transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
	-webkit-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
	-moz-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
}






.scrollBar {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 800px;
}

.scrollBar .banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.scrollBar .banner ul {}

.scrollBar .banner ul li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
	-webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
	-moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
}

.scrollBar .banner ul li .imgTimes {
	/* width: 100% !important; */
	height: 100%;
	position: relative;
	z-index: 5;
	left: 0;
	top: 0;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% 100% !important;
}

.scrollBar .banner ul li video {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	display: none;
	transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}

.scrollBar .banner ul li .imgTimes>article {
	position: absolute;
	left: 10%;
	bottom: 15%;
}

.scrollBar .banner ul li .imgTimes>article .banTops {
	font-size: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}

.scrollBar .banner ul li .imgTimes>article .banTops small {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	opacity: 0;
	transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-webkit-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
}

.scrollBar .banner ul li .imgTimes>article .banTops em {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);
}

.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);
}

.scrollBar .banner ul li .imgTimes>article .banTops small,
.scrollBar .banner ul li .imgTimes>article .banTops em,
.scrollBar .banner ul li .imgTimes>article .banText i,
.scrollBar .banner ul li .imgTimes>article .banText span {
	transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}

.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(1) {
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
}

.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
}

.scrollBar .banner ul li .imgTimes>article .banText {
	font-size: 0;
	margin-top: 20px;
}

.scrollBar .banner ul li .imgTimes>article .banText i {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 1px;
	background-color: #fff;
}

.scrollBar .banner ul li .imgTimes>article .banText span {
	display: inline-block;
	width: 0px;
	vertical-align: middle;
	margin-left: 8px;
	overflow: hidden;
}

.scrollBar .banner ul li .imgTimes>article .banText span font {
	display: inline-block;
	width: 600px;
	font-size: 22px;
	color: #fff;
}

.scrollBar .banner ul li.curs {
	width: 0%;
}

.scrollBar .banner ul li.visb {
	width: 100%;
}

.scrollBar .banner ul li.visb video {
	width: 100% !important;
}

.scrollBar .banner ul li.visb .imgTimes>article .banTops small,
.scrollBar .banner ul li.visb .imgTimes>article .banTops em {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}

.scrollBar .banner ul li.visb .imgTimes>article .banTops small {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
}

.scrollBar .banner ul li.visb .imgTimes>article .banText i {
	width: 35px;
	transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-webkit-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-moz-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
}

.scrollBar .banner ul li.visb .imgTimes>article .banText span {
	width: 600px;
	transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
	-webkit-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
	-moz-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
}

.index-waper-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	overflow: hidden;
	z-index: 9;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}

.index-back-box {
	width: 84%;
	height: 100px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	margin: 0 8%;
	overflow: hidden;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	transform: rotateX(0deg) translate3d(0, 0, 0);
	-webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(0deg) translate3d(0, 0, 0);
	transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	-webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	-moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}

.index-back-box.active {
	transform: rotateX(100deg) translate3d(0, 0, 0);
	-webkit-transform: rotateX(100deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(100deg) translate3d(0, 0, 0);
}

.index-back-box .sub-arrows {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	line-height: 100px;
	padding-left: 50px;
	font-size: 0;
}

.index-back-box .sub-arrows .swiper-pagination {
	display: inline-block;
	vertical-align: middle;
}

.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #636161;
	opacity: 1;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	margin-right: 25px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	/*box-shadow: 1px 1px 1px 1px #221f1f inset;*/
	background: transparent;
}

.index-back-box .sub-arrows .swiper-pagination-bullet:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #636161;
	top: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.index-back-box .sub-arrows .swiper-pagination-bullet-active:before {
	opacity: 0;
}

.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}

.index-back-box .sub-arrows i.icom {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 100%;
	cursor: pointer;
	position: relative;
}

.index-back-box .sub-arrows i.icom:after {
	position: absolute;
	content: '';
	left: 0;
	top: 49px;
	width: 30px;
	height: 2px;
	background-color: #000;
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}

.index-back-box .sub-arrows i.icom font {
	color: #000;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}

.index-back-box .sub-arrows i.icom.prev font {
	position: absolute;
	left: 9px;
}

.index-back-box .sub-arrows i.icom.next font {
	position: absolute;
	left: 6px;
}

.index-back-box .sub-arrows i:hover:after {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}

.index-back-box .sub-arrows i.icom.prev:hover font {
	left: -7px;
}

.index-back-box .sub-arrows i.icom.next:hover font {
	left: 20px;
}

.index-back-box .sub-share {
	position: absolute;
	right: 15px;
	top: 0;
	width: auto;
	height: 100%;
	display: table;
	cursor: pointer;
}

.index-back-box .sub-share .tels {
	display: table-cell;
	vertical-align: middle;
}

.index-back-box .sub-share .tels span {
	display: inline-block;
}

.index-back-box .sub-share .tels .cc1 {
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}

.index-back-box .sub-share .tels .cc2 {
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
}

.index-back-box .sub-share .sider-tel {
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(130px);
	-webkit-transform: translateX(130px);
	-moz-transform: translateX(130px);
	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
}

.index-back-box .sub-share .sider-tel a {
	display: inline-block;
	font-size: 12px;
	color: #000;
	margin: 0 8px;
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}

#popup {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    display: none;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
}
.navbut {
	top:-10px;
    width: 45px;
    height: 33px;
    position: absolute;
    z-index: 20;
}
#popup .popup-top {
    width: 100%;
    height: 16%;
    border-bottom: 1px solid #cccccc;
}

#popup .popup-top>p {
    color: #003677;
    padding: 0px 7%;
    font-size: 22px;
    padding-top: 2%;
}

#popup ul {
    width: 100%;
    height: 90%; padding-top:50px;
    overflow: hidden;
	background:white;
}

#popup ul li {
    width: 100%;
    height: auto;
    background: white;
    cursor: pointer;
}

#popup ul li p {
    width: 84%;
    height: 50px;
    line-height:50px;
    padding: 0px 7%;
    font-size: 20px;
    color: black;
    border-bottom: 1px solid #cccccc;
    position: relative;
}


#popup ul li p>a {
    font-size: 20px;
    color: black;
}

#popup ul li p .xjt {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 5%;
    top: 37%;
    transform: scale(0.7, 0.7);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
}

#popup ul li p .xjttr {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
}

#popup ul .popuplast {
    border: 0;
}

#popup ul li .pup-hide {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}

#popup ul li .pup-hide a {
    width: 76%;
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0px 12%;
    border-bottom: 1px solid #cccccc;
    background: #f5f5f5;
    font-size: 20px;
    color: #4d4d4d;
}
.index-back-box{
	margin:0;
	background: transparent;
	width: 100%;
	font-size: 0;
}
.index-back-box .sub-mouse{
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin-left: 0;
	width: 30px;
    height: 43px;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -15px;
    cursor: pointer;
    z-index: 1;
    zoom: 0.7;
    -moz-transform: scale(0.7);
}.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #636161;
    opacity: 1;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    /* box-shadow: 1px 1px 1px 1px #221f1f inset; */
    background: transparent;
}


.index-back-box .sub-arrows .swiper-pagination-bullet:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #636161;
    top: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  
}

.index-back-box .sub-arrows .swiper-pagination-bullet-active:before {
    opacity: 1;  background: #fff!important; 
}
.sub_mouses{
	width:19.75% ;
	text-align: center;
	margin-left: 0;
	height: 100%;
	background: #d18f36;
	position: relative;
	display: inline-block;
}
.index-back-box .sub-arrows{
	width: 23.85%;
	position: static;
	height: inherit;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	background: #201455;
}
.index-back-box .sub-arrows i.icom font{
	color:#fff
}
.index-back-box .sub-arrows i.icom:after{
	background: #fff;
}

.index-back-box .sub-mouse span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	animation: ani-svg 0.85s linear 0s alternate infinite;
	-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;
}

.index-back-box .sub-mouse i {
	position: absolute;
	bottom: 5px;
	left: 50%;
	color: #fff;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

@keyframes ani-svg {
	0% {
		opacity: 0.4;
		transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		transform: translateY(20px);
	}
}

@-webkit-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-webkit-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-webkit-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-webkit-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-webkit-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-webkit-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes ani-svg {
	0% {
		opacity: 0.4;
		-moz-transform: translateY(-20px);
	}

	15% {
		opacity: 0.65;
		-moz-transform: translateY(-15px);
	}

	25% {
		opacity: 0.8;
		-moz-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}

	75% {
		opacity: 0.8;
		-moz-transform: translateY(10px);
	}

	85% {
		opacity: 0.65;
		-moz-transform: translateY(15px);
	}

	100% {
		opacity: 0.4;
		-moz-transform: translateY(20px);
	}
}.index-back-box .sub-mouse {
  
}
@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.hm_hd .swiper-pagination{ width:36%; text-align:center} 
.hm_hd .swiper-pagination-bullet{ background:#fff !important; width:15px !important; height:15px !important;}
.hm_hd .swiper-pagination-bullet-active{ background:#CC0000 !important}
/*弹出层*/

/*导航*/
.search_bar{
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0;
	top: 60px;
	z-index: 90;
	background:#fff;
	display:none;
	
}
.search_bar .text{
	
	border:1px solid #ccc;
	width: 80%;
	height: 45px;
	height: 45px;
	background:none;
	text-indent:10px;
	float: left;
	margin:0.15rem 0 0 0.1rem;
	color:#333;
	border:0px;
	font-size:16px;
}
.search_bar .sub{
	float: right;
	width: 15%;
	height: 45px;
	background:url("../images/searcha.png") no-repeat center center;
	background-size:auto 45px;
}
.search_flog{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 89;
	display: none;
}
.searcha {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 5px;
    background: url(../images/searcha.png) no-repeat center center;
    background-size: 100% auto;
}
 .navbut {
    display: inline-block;   
    transform: scale(0.7, 0.7);
}
.navbut>div {
    display: inline-block;
    width: 35px;
    height: 5px;
	border-radius:1px; float:left;
    background: #5b5b5b;
    margin-bottom:5px;
    transform: rotate(0deg);
    transition: all 0.6s ease 0s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(0deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(0deg);
    -ms-transition: all 0.6s ease 0s;
}
.navbut .bianone {
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    transition: all 0.6s ease 0s;
    -webkit-transform: rotate(-45deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transform: rotate(-45deg);
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(-45deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(-45deg);
    -ms-transition: all 0.6s ease 0s;
    background: #7d8291;
}
.navbut .biantwo {
    display: none;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    background: #7d8291;
}
.navbut .bianthree {
    position: absolute;
    bottom: 11px;
    transform: rotate(45deg);
    transition: all 0.6s ease 0s;
    background: #7d8291;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transform: rotate(45deg);
    -moz-transition: all 0.6s ease 0s;
    -o-transform: rotate(45deg);
    -o-transition: all 0.6s ease 0s;
    -ms-transform: rotate(45deg);
    -ms-transition: all 0.6s ease 0s;
}

.Partner {
	width:69%;
	float:left;
	margin-left:5.5%;
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
}
.Partner li {
	text-align:center;
	
	width:20%;
	float:left;
}
.Partner li div{
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:14% 0;
}
.Partner li div img {
	width:60%;
	border-radius:50%
}
.hm_hy .dw{
	float: left;
	text-align: center;
	width: 15%;
	margin:5% 5%;
}
.index-member-more{
	margin-left:5.5%;
	float:left;
	margin-top:10px;
}
.index-member-more a{
	color:#da3b01
}
@media screen and (max-width: 1700px){
	.us_nav .nav_in { margin-left: 0px;}
	}
@media screen and (max-width: 1600px){
.nav_search {margin: 41px 0 0 30px;}	
.copy {width:900px; margin:0 auto; line-height:100px;}
.hm_hy .dw dt { font-size:100px; line-height:222px}
	.hm_hy .dw{margin:0 5%}
}
@media screen and (max-width: 1450px){
	.us_nav {
    text-align: center;
    font-size: 18px;
    height: 57px;
    line-height: 57px;
    width: 450px;
    float: left;
	position: relative;
    top: 0;
    left: 0;
 margin-left: 0px; 
}
.us_search {display:none}
.hm_zc .photo { width:50%}
.hm_zc .cleft {width:45%}
	}
@media screen and (max-width: 1350px){
.header .logo { padding-top:15px; height:auto;}
.header .logo img { display: block;width:280px;height:auto;}
.copy {width:700px; }
.us_nav .nav_in { margin-left: 0px;}.hm_hd .handle{ width:50%}
.us_nav {width: 410px;}
.hd_banner {width:45%}
.hd_xy {width:50%}
.News_List.a2 {float:none; width:100%}
.coop_right { width:100%; float:none; border:0px;}
.coop_lj p {display:inline-block; margin-right:10px}
.hm_hy .dw dd {font-size:24px;}
}
@media screen and (max-width: 1200px){
.about_us li { width:20%; float:left; text-align:center; margin:72px 0;}	
.wrapin {width:90%}	
.News_wrapin {width:93%}
.about_wrapin {width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;}
.hm_zc .jy {top:20px}
.hm_zc .cleft {padding-top:80px}
#a1 {display:block; }
.hm_banner {display:none}
.hm_hy .dw dt { font-size:60px; line-height:150px}
	}
@media screen and (max-width: 1050px){
.header .logo { padding-top:25px; height:auto;}
.header .logo img { display: block;width:220px;height:auto;}
.us_left,.us_right,.pub_right .ad {width:100%}
.hm_zc .con { padding:5% 0px}
.hm_banner .ba_txt { width:50%}
.copy {width:600px; line-height:35px;}
.hm_hy .dw {float:none; margin:0 auto; width:170px;}
.hm_hy .dw dt {line-height:170px;}
.Partner {float:none; margin:0 auto;}
	}
@media screen and (max-width: 900px){
.about_us li { width:25%; float:left; text-align:center; margin:72px 0;}		
.nav_search {display:none}
.pub_nav.a1 { height:auto}
.pub_nav.a1 .wrapin {display: block; width:100%}
.pub_nav.a1 a {float: left;width: 33.3%;border: 1px solid #fff;margin-top:-2px;margin-left:-2px;background:#c2c2c2;color:#fff}
.pub_nav.a1 a.hover{
	background:#b39659
}
.hm_hy .wp {width: auto; padding:0 5%;}
.copy {width:300px; line-height:35px;}
.News_List li {width:100%}
.pub_item {width:100%; }
.hm_zc .photo,.hm_zc .cleft {width:100%;}
}
@media screen and (min-width: 768px){	
.News_List_touzi {margin-top:70px; margin-bottom:60px;}
.News_List_touzi li {   width:100%;  float:left}
.News_List_touzi li .List { margin:0 32.5px; border-bottom:1px dashed #ccc; padding:15px 0; position:relative;  font-size:18px}
.News_List_touzi li i { background:url(../images/b1.png); width:6px; height:9px; display:block; position:absolute; top:22px;}
.News_List_touzi li p { color:#414141; display:inline-block; margin-left:15px; /* width:60%; */ height:25px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.News_List_touzi li span { color:#959595;  float:right;}

}
.content-body img{
	max-width:100%;
	display:inline-block;
}
.content-body table tr td img{
	display:block;
}
.home-timeline .c-timeline .list li .img{
    top:0px;
}
@media screen and (max-width: 768px){
	#hd2, #hd3, #hd1 {

		top: 50px;
	}.hd_xy{ top:10px}
	.nimg{ width:100%}
	.hm_hd{ overflow:hidden}.hm_hd .con{margin-top:20px}.hm_hd{ min-height:460px}
	.hm_hd .handle{ margin:0; font-size:20px; position:relative; z-index:55;width:100%; text-align:center; padding-bottom:0px }
	.hd_banner{ top:0}
	.banner .swiper-slide .bannertxt{ top:45%}
	.scrollBar{ height:300px !important}
	.index-waper-box{ display:none}
	.us_inf,.timeline_a,.us_left{ padding-left:20px; padding-right:20px}.c-timeline .list li .txt p{ font-size:1rem}
	#sortable>Div{ width:100%; margin-right:0; padding-bottom:20px; }
	.hm_zc .jy {right:0px;display:none}
	.about_us li { width:calc(50% - 10px);; float:left; text-align:center; margin:20px 0;padding:0px 5px}
	.about_us li .about_img img{
		width:60%;
		height:auto;
		max-width:100%
	}
	.about_us li p{
		margin-top:10px;
	}
	.ccs_banner{ width:95%; margin:0 auto}
	.wrapin { margin:0 20px; width:auto}
	.about_wrapin {width:100%;}
	.News_wrapin {width:100%}
	.header_a {display:block !important;z-index:99999}
	.header_t{display:none;}
	.header {display:none;}
	.pub_banner {margin-top:60px}
	.pub_pos .cleft { float:none; }
	.pub_pos .cright {float: none; line-height: 70px;}
	.footer .wrapin{position: relative;line-height: 35px;}
	.Title_word i {margin:0 10px}
	.News_List li .List {font-size:16px} 
	
	.News_List_touzi {margin-top:70px; margin-bottom:60px;}
	.News_List_touzi li {   width:100%;  float:left}
	.News_List_touzi li .List { margin:0 32.5px; border-bottom:1px dashed #ccc; padding:15px 0; position:relative;  font-size:18px}
	.News_List_touzi li i { background:url(../images/b1.png); width:6px; height:9px; display:block; position:absolute; top:22px;}
	.News_List_touzi li p { color:#414141; display:inline-block; margin-left:15px; width:100%; line-height:25px; overflow:hidden;/* white-space: nowrap;text-overflow: ellipsis; */}
	.News_List_touzi li span { color:#959595;  float:right;display:none;}
  
	  
	.ft_code,.footer .cnta {top:20%}
	.copy { padding-top:100px; padding-bottom:10px;font-size:16px;}
	.recommend-right{display:none}
	.Title_word { font-size:20px;}
	.pub_pos .t1 {font-size:36px}
	.pub_left {width:100%}
	.c-timeline {margin-top:20px}
	.pub_item {width:100%;float:none}
	.pub_right {width:100%; margin-top:0px; height:auto; border:0px; padding-left:0}
	.page a {margin:0; width: auto;font-size: 16px;padding:5px 10px;height:auto;}
	.pub_right .ad {width:290px}
	.News_wrapin.a1 {margin-bottom: 0px;}
	.hm_ys .photo1,.hm_ys .photo2,.hm_ys .photo3{ float:left; height:50vw; width:48%; margin:1%}
	 .hm_ys .cright { width:100%; }
	.hm_ys .photo3 {margin-bottom:0px}
	.hd_banner {width:100%; height: auto}
	.hd_banner ul li { margin:0 auto; text-align:center}
	.hd_xy {width:100%}
	.hd_banner ul li {height:206px}
	.hm_hy .dw {float: none;text-align: center; margin: 0 auto;}
	.hm_hy .fm {float: none;margin: 0 auto; width:auto;}
	.hm_hy .text { width:70%}
	.hm_hy .sub{width:100%}
	.hm_zc, .hm_ys, .hm_hd, .hm_hy {padding:30px 0}
	.hm_ys .title {}
	.hm_hy .fm {padding-top:0px}
	.wheel {width:20px}
	#a1 {margin-top:60px;}
	.details_page {margin-top:20px}
	.News_List.a2 li {float:none; width:100%}
	.coop_right {margin:30px 0}
	.News_wrapin a1 { margin-bottom:0px}
	.hm_zc .cleft{
		padding-top:0px;
	}
	.regbtn{
		display:none;
	}
	.hm_hd .swiper-pagination{ width:100%; top:9rem; bottom:auto}
	.fri_links a{
		clear:both;
		display: block;
	}
	.hm_zc .handle,.hm_ys .title,.hm_hy .dw dd{
		font-size:20px;
	}
	.hd_xy .name{
		font-size:18px;
	}
	.details_Title h3{
        font-size:26px;
    }
    .hd_xy dd{
        font-size:16px;
    }
    .c-timeline .list li .txt h3{
        font-size:1.3rem;
    }
    .home-timeline .c-timeline .list li .img{
        top:56px;
    }
    .home-timeline .c-timeline .list li.slick-current .img{
        top:0px;
    }
	.us_banner{
		height:20rem;
		background-size:cover;
	}
	.us_banner .log dt img{
		width:6rem;
	}
	.us_banner .log{
		margin-top:-3rem;
	}
	.us_banner dd{
		font-size:20px;
	}
	.hm_ys .title{
		border-bottom: 2px solid #b39659;
		background: url("../images/zc.png") no-repeat bottom center;
		height:50px;
		line-height:50px;
		margin-bottom:20px;
	}
	.pub_pos .cright{
		display:none
	}
	.pub_nav{
		border:0
	}
	.pub_pos .cleft{
		padding-top:10px;
		padding-bottom:30px;
	}
	.pub_pos .t2{
		top:30px;
	}
	.pub_pos{
		height:auto;
	}
	.content-body div{
		display:inline-block
	}
	.content-body img{
		display:block
	}
	.Partner {
		width:100%;
	}
	.Partner li {
		width:33.3%;
	}
	.hm_hy .dw dt{
		width:100%;
		height:100%;
	}
	.link_us li{
		margin:10px;
		width: calc(50% - 20px);
		padding:0px;
	}
	.Partner li:nth-child(10){
		display:none
	}
}